﻿@import "_vars.scss";

@mixin line-height($height) {
    height: rem($height);
    line-height: rem($height);
}

@mixin width-height($size) {
    height: rem($size);
    width: rem($size);
}

@mixin middle-center-flex() {
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin middle-center() {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@mixin middle-center-ie($width,$height) {
    position: absolute;
    top: 50%;
    left: 50%;
    width: rem($width);
    height: rem($height);
    margin-left: rem(-$width/2);
    margin-top: rem(-$height/2);
}

@mixin triangle-bottom($width,$height, $bg-color:#ccc) {
    width: 0;
    height: 0;
    //border-radius: rem(5);
    border-style: solid;
    border-width: rem($height) rem($width/2) 0 rem($width/2);
    border-color: $bg-color transparent transparent transparent;
}

@mixin iconfont($content,$fontSize:rem(16)) {
    font-family: "iconfont" !important;
    font-size: $fontSize;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: $content;
}

